<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>Play a Ball</title>
    <style type="text/css">
        * {
            margin: 0;
            padding: 0;
        }

        #defaultCanvas0 {
            position: absolute;
            z-index: -1;
        }
    </style>
</head>

<body>
<script type="text/javascript">
    // 源码出处 https://github.com/wangyasai/Play-a-ball
    // 素材来源 https://www.solarsystemscope.com/textures/
    // 图片url
    const imageUrl = 'img/2k_venus_surface.jpg';
    const type = 'image';
    // 关闭鼠标跟随
    const mouseEvent = false;
    const options = {
        Background: '#000000',
        Color1: '#000000',
        Color2: '#000000',
        Counts: 1,
        StrokeWeight: 1,
        Shape: 'Sphere',
        Pattern: 'Pattern1',
        Image_DataURL: imageUrl,
        Smooth: 60,
        Radius: 270,
        Radius2: 90,
        Speed: 0.1,
        RotateX: true,
        RotateY: true,
        RotateZ: true,
        SavePNG: false
    };
</script>
<script type="text/javascript" src="js/p5.min.js"></script>
<script type="text/javascript" src="js/sketch.js"></script>
</body>
</html>

